<template>
  <div>
    <img src alt ref="lazyImg" />
  </div>
</template>

<script setup lang="ts">
import { defineProps, ref, defineExpose } from 'vue'
const props = defineProps({
  Src: {
    type: String,
    default: ''
  }
})
const lazyImg = ref(null)
const giveSrcToImg = () => {
  console.log(lazyImg.value.getBoundingClientRect())
}
defineExpose({
  giveSrcToImg
})
</script>

<style>
</style>